.calendar {
	position: relative;
	width: 392px;
	margin: 0 auto;
}
.calendar .left {
	float: left;
}
.calendar .clear {
	clear: both;
}
.calendar .clear.zero {
	height: 0;
	font-size: 0;
}
.calendar .added-event {
	display: none;
}
.calendar-pages {
	position: relative;
	z-index:3;
}
.calendar-pages .header {
	font-size: 20px;
	position: relative;
	z-index: 5;
}
.calendar-pages .title {
	background: url(../images/bannerbg_blue.jpg) repeat-x;
	border: 1px solid #205AA7;
	height: 28px;
	padding: 0 0 0 10px;
	width: 234px;
}
.calendar-pages .title a {
	color: #fff;
	font-family: "黑体", sans-serif;
	font-size: 14px;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
}
.calendar-pages .header .ym {
	position: absolute;
	left: 0;
	top: 45px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	border-radius: 10px;
	padding: 10px;
	cursor: default;
	display: none;

}
.calendar-pages .header .y, .calendar-pages .header .m {
	margin: 0 10px;
	display: inline;
	width: 82px;
	float: left;
	text-align: center;
	position: relative;
	cursor: pointer;
	z-index: 998;
}

.calendar-pages .header .y ul, .calendar-pages .header .m ul {
	width: 82px;
	height: 192px;
	z-index: 999;
}
.calendar-pages .header .y ul li, .calendar-pages .header .m ul li {
	font-size: 16px;
	line-height: 32px;
	height: 32px;
	color: #555;
	cursor: pointer;
}
.calendar-pages .header .y ul li.active,
.calendar-pages .header .m ul li.active {
	color: #0962be;
}
.calendar-pages .header .y ul li:hover, .calendar-pages .header .m ul li:hover {
	color: #0962be;
} 
.calendar-pages .header .day-names {
	overflow: hidden;
	text-align: center;
	margin-top: 10px;
}
.calendar-pages .header h2 {
	width: 56px;
	float: left;
	text-align: center;
	height: 60px;
	line-height: 60px;
	font-weight: normal;
	font-size: 20px;
	border-bottom: 1px solid #d9d9d9;
}
.calendar .total-bar {
	background-color: #f0f0f0;
	border-radius: 30px;
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3);
	color: #666;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 24px;
	line-height: 24px;
	margin: 10px;
	padding-left: 10px;
}
.calendar .total-bar b {
	color: #65c2c0;
	text-shadow: 0 1px 1px rgba(255,255,255,1);
}
.calendar .days {
	font-size: 0;
	text-align: center;
}
.calendar .days .day {
	float: left;
	width: 48px;
	line-height: 48px;
	height: 48px;
	margin: 4px;
	font-size: 20px;
	cursor: pointer;
	position: relative;
}
.calendar.mid .days .day {
	height: 40px;
	font-size: 18px;
	padding-top: 7px;
}
.calendar .days .this-month:hover {
	background: #e7e7e7;
	color: #0962be;
	border-radius: 6px;
}
.calendar .days .day.selected {
	color: #0962be;
	background: #e7e7e7;
	border-radius: 6px;
}
.calendar .days .day.today {
	color: #0962be;
	background: #e7e7e7;
	border-radius: 6px;
}

.calendar .days .day .details {
	display: none;
	position: absolute;

}
.calendar .days .day.selected i {
	display: none;
}
.calendar .days .day i {
	position: absolute;
	right: 8px;
	top: 8px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	font-size: 0;
	background: #0962be;
}
/* .detail {
	line-height: 18px;
	padding: 0 5px;
	margin-bottom:5px;
	position: relative;
	overflow: hidden;
}
.detail span {
	height: 28px;
	line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 460px;
	float: left;
}
.detail em {
	height: 28px;
	line-height: 28px;
	float: right;
	font-style: normal;
	color: #333333;
} */
#calendar .todayPublish, #calendar .tomorrowPublish {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	position: relative;
	z-index:2;
	margin: 10px 20px 0;
	padding-left: 5px;
	overflow: hidden;
}

#calendar .todayPublish:after,
#calendar .tomorrowPublish:after {
	content: '';
	position: absolute;
	left: -5px;
	top: 14px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	font-size: 0;
	background: #b9d1ee;
}

#calendar .todayPublish ul, #calendar .tomorrowPublish ul {
	width: 260px;
	position: absolute;
	left: 90px;
	top: 0;
}
#calendar .todayPublish ul li, #calendar .tomorrowPublish ul li {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.calendar .details  {
	color: #333;
	display:none;
	background: #fff;
	min-height:30px;
	position:absolute;
	top: 60px;
	left: 50%;
	padding: 20px;
	z-index:10;
	border-left: 3px solid #0962be;
	box-shadow:0 0 16px rgba(0,0,0,0.3);
	width: 300px;
	margin-left: -150px;
	text-align: left;
	cursor: default;
}
.calendar .details:after{
	content: '';
	position: absolute;
	top: -8px;
	left: 140px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
}
.calendar .details li {
	height:auto;
	line-height:30px;
	font-size: 18px;
}
.calendar .have-event:hover .details {
	display: block;
}
.calendar .details li span {
	white-space:nowrap;
	float:none;
}
.calendar .details:hover{

}
.selectedMonth {
	width: 168px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #0962be;
	padding: 0 30px;
	background: url('../images/calendar.png') no-repeat 204px center;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
}
.btndiv {
	text-align: right;
	float: left;
	width: 100%;
}
.btndiv span{
	color: #0962be;
	font-size: 16px;
	margin-right: 20px;
	cursor: pointer;
}

.scrollbox {
  overflow: auto;
  scrollbar-color: #b9d1ee #fff;
  scrollbar-width: thin;
}

.scrollbox::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.scrollbox::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #b9d1ee;
}

.scrollbox::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: #fff;
}